<template>
  <div :class="theme">
    <Transition mode="out-in">
      <RouterView class="w-screen h-screen" />
    </Transition>
  </div>
</template>

<script setup lang="ts">
import { provide, ref } from "vue";

const theme = ref("light");
const changeTheme = (value: string) => {
  theme.value = value;
}

provide('app_theme', { theme, changeTheme })
</script>
